#content{
    width: 1200px;margin: 0 auto;overflow: hidden;
    .title{
        width: 1200px;height: 40px;line-height: 40px;color: #6C6C6C;
        p{
            .index{font-size: 18px;color: #6C6C6C;font-weight: 700;}
            .cat{}
            a:hover{transition: color 0.2s ease-in-out 0s;color: #FF5B22;}
        }
    }
    .content{
        width: 1190px;margin: 0px auto;position: relative;padding: 7px 0px 20px;z-index: 10;
        .left{
            width: 560px;float: left;
            .left_img{
                float: left;width: 48px;padding: 0px;margin-right: 40px;
                .up{width: 48px;height: 20px;display: block;background: url(../img/up.jpg) no-repeat 13px 0px;}
                .down{width: 48px;height: 20px;display: block;background: url(../img/down.jpg) no-repeat 13px 0px;}
                .pic{
                    height: 395px;margin: 5px 0px;overflow: hidden;position:relative;
                    ul{
                        position:absolute;top:0px;left:0px;
                        li{
                            width: 48px;height: 73px;margin-bottom: 6px;
                            a{
                                display: block;width: 46px;height: 69px;border: 1px solid #A6A6A6;
                                img{width: 46px;height: 69px;display: block;opacity: 0.5;}
                            }
                        }
                        li:nth-of-type(1){img{opacity: 1;}}
                    }
                }
            }
            .right_img{
                position: relative;float: left;width: 340px;text-align: center;z-index: 10;
                .max_img{
                    width: 400px;height: 400px;position: relative;
                    a{
                        width: 400px;height: 400px;display: block;position: relative;top: 30px;
                        img{width: 400px;height: 400px;position: absolute;top: 0px;left: 0px;z-index: 0;}
                        #sekuai{width: 200px;height: 200px;position: absolute;z-index: 1;background: #000;opacity: 0.3;display: none;}
                        #gaizi{width: 400px;height: 400px;background: #f00;position: absolute;z-index: 2;opacity: 0;}
                    }
                }
                #right{
                    width: 400px;height: 400px;position: absolute;left: 420px;top: 30px;overflow: hidden;display: none;
                    #rpic{width: 800px;height: 800px;position: absolute;top: 0px;left: 0px;}
                }
            }
        }
        .right{
            width: 630px;float: left;font-size: 12px;color: #9C9C9C;
            dl{
                dt{
                    a{text-decoration: none;outline: medium none;color: #3C3C3C;}
                    .brand{font-size: 24px;}
                    h1{margin-top: 2px;font-size: 14px;line-height: 23px;font-weight: 400;color: #3C3C3C;}
                }
                .odd{
                    padding: 15px 0px 10px;overflow: hidden;
                    .dt{float: left;width: 50px;}
                    .dd{
                        float: left;width: 552px;padding-left: 26px;
                        .price{
                            padding-right: 20px;font-size: 30px;font-weight: 700;color: #F40;margin-top: -17px;display: inline-block;
                            font{font-size: 14px;font-weight: 400;}
                        }
                    }
                    span{
                        var{background-color: #F40;padding: 1px 2px;font-style: normal;color: #FFF;}
                    }
                    dl{
                        dd{
                            padding: 10px 0px;overflow: hidden;
                            a{display: block;float: left;width: 18px;height: 25px;line-height: 25px;border: 1px solid #E5E5E5;font-size: 14px;color: #6D6D6D;text-align: center;}
                            input{float: left;width: 50px;height: 25px;line-height: 25px;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;font-size: 14px;color: #3C3C3C;text-align: center;border-left: 1px solid #E5E5E5;margin:0px -1px;}
                            .dd{
                                span{padding: 3px 6px;cursor: pointer;border: 1px solid #DCDCDC;margin-right:10px;margin: 1px;}
                            }
                        } 
                        .spec{
                            .dd{
                                .active{border-color: #F00;border-width: 2px;margin: 0px;}
                            }
                        }
                        .p_line{margin: 10px 0px;border-top: 1px solid #EDEBEB;}
                        .pay{
                            position: relative;z-index: 1;padding: 10px 0px;
                            .buy{width: 145px;height: 36px;background:#FF4900;display: block;float: left;line-height: 36px;border-right: none;color: #FFFFFF;font-weight: 700;font-family: "黑体";border-radius: 5px;font-size: 16px;}
                            .buy:hover{background: #EB2D0A;}
                            .add_cart{width: 160px;height: 36px;background:#ED773C;display: block;float: left;margin-left: 10px;line-height: 36px;color: #FFFFFF;font-weight: 700;font-family: "黑体";border-radius: 5px;font-size: 16px;}
                            .add_cart:hover{background: #DE5B18;}
                        }
                        .zpbz{padding: 30px 0px 10px;color: #6C6C6C;img{width: 418px;height: 105px;}}
                    }
                }
            }
        }
    }
    .detals{
        width: 1200px;overflow: hidden;
        .left{
           width: 190px;overflow: hidden; padding-bottom: 20px;float: left;
           .cate{
               width: 190px;overflow: hidden;margin-bottom: 10px;
               .title{width: 188px;height: 30px;border: 1px solid #EDEDED;background: #FAFAFA;line-height: 30px;text-indent: 2em;}
               ul{
                   border: 1px solid #EDEDED;margin-top: -1px;width: 188px;overflow: hidden;
                   .tui{
                       width: 94px;height: 25px;line-height: 25px;text-indent: 1em;
                   }
                   li{
                       float: left;position: relative;
                       a{
                            color: #3C3C3C;
                            img{width: 60px;height: 90px;display: inline-block;float: left;}
                            i{color: #3C3C3C;border: 1px solid #3C3C3C;width: 16px;height: 16px;text-align:center;line-height:16px;display: block;position: absolute;top: 6px;left: 4px;font-style: normal;border-radius: 50%;}
                      }
                       a.name{width: 100px;padding-left: 10px;display: block;float: left;padding-top: 10px;}
                       a:hover{color: #F22800;}
                       .price{width: 100px;padding-left: 10px;color: #FF4400;span{font-size: 16px;}}
                   }
                   .img{padding: 10px 0px;}
                   .img:nth-of-type(1),.img:nth-of-type(2),.img:nth-of-type(3){
                       a{
                           i{color: #FF0000;border-radius: 50%;border-color: #FF0000;}
                       } 
                   }
               }
           }
        }
        .right{
           width: 990px;overflow: hidden;float: left;border: 1px solid #EDEDED;margin-left: 10px;height: 900px;
           .title{
               width: 990px;height: 35px;line-height: 35px;background: #FAFAFA;border-bottom:1px solid #EDEDED;
               a{display: block;float: left;padding: 0px 40px;height: 35px;font-size: 16px;color: #3C3C3C;border-right: 1px solid #EDEDED;}
               .cur{background: #FFFFFF;border-bottom-color: #FFFFFF;border-top: 3px solid #FF4400;margin-top: -1px;}
           }
           .info{
               padding: 34px 30px;
               .table1{
                   border: 1px solid #EBEBEB;color: #6C6C6C;
                   th{border-left:1px solid #EDEBEB;}
               }
           }
            
        }
    }
}
.blank{position: fixed;top: 0%;left: 0%;background: #000;opacity: 0.4;z-index: 100;overflow: hidden;filter: alpha(opacity=70);bottom: 0%;right: 0%;display: none;}
#dialog{
    width: 506px;height: 233px;position: fixed;top: 160px;left: 421px;z-index: 1000;background: #FFFFFF;display: none;
    .title{padding-left: 20px;font-weight: 700;font-size: 15px;background: #FAFAFA;border-bottom: 1px solid #F4F4F4;height: 40px;line-height: 40px;}
    .close{width: 13px;height: 13px;display: block;position: absolute;top: 10px;right: 10px;background: url(../img/cha.png) no-repeat;cursor: pointer;}
    .frcg{
        padding: 50px 100px;
        .u{
            height: 45px;font-size: 18px;color: #73C154;line-height: 45px;
            i{display: inline-block;width: 53px;height: 39px;background: url(../img/gou.jpg);}
        }
        .d{
            margin-top: 10px;
            .buy{width: 160px;height: 30px;background: #FF4400;color: #FFFFFF;float: left;text-align: center;line-height: 30px;font-family: "微软雅黑";font-weight: 700;font-size: 15px;border-radius: 4px;}
            .continue{width: 120px;height: 30px;background: #F4F4F4;color: #6C6C6C;float: left;text-align: center;margin-left: 15px;line-height: 30px;font-family: "微软雅黑";font-weight: 700;font-size: 15px;border-radius: 4px;border: 1px solid #D9D9D9;}
            .continue:hover{background: #FCFCFC;color: #FF5B22;}
            .buy:hover{background: #F22800;}
        }
    }
}

#shade{
    position: fixed;top: 0px;left: 0px;right:0px;bottom: 0px;background: #000000;opacity: 0.5;z-index: 500;display: none;
    .background{width: 435px;height: 530px;background: #808080;position: absolute;top: 50px;left: 455px;opacity: 0.2;border-radius: 3px; }
}
#loginReg{
    position: fixed;top:60px;left: 465px;background: #FFFFFF;width: 415px;height: 510px;z-index: 501;display: none;
    .title{
        width: 415px;height: 40px;background: #FAFAFA;border-bottom:1px solid #F4F4F4;
        strong{font-size: 14px;float:left;padding:14px 0px 0px 10px;line-height: 15px;}
        .close{width: 20px;height: 20px;display: block;position: absolute;top: 8px;right: 10px;line-height: 20px;border: 1px solid #FAFAFA;text-align: center;color: #808080;font-size: 15px;font-weight: 700;font-family: "微软雅黑";}
        .close:hover{border-color: #EE8627;background: #F1DDC5;color: #ED9210;}
    }
    .info{
        padding: 22px 15px 25px;width: 385px;
        .tab{
            width: 385px;height: 39px;border-bottom: 1px solid #EDEDED;font-size: 14px;text-align: center;
            .tabBtn{width: 136px;height: 38px;float: left;display: block;color: #333333;border-left: 1px solid #EDEDED;border-top: 1px solid #EDEDED;border-bottom: 1px solid #EDEDED;line-height: 40px;background: #FAFAFA;font-weight: 700;}
            .tabBtn:hover{color: #FF5B22;}
            .loginBtn{margin-left: 40px;}
            .regBtn{border-right: 1px solid #EDEDED;}
            .cur{border-top: 2px solid #FC4501;height: 37px;border-bottom-color: #FFFFFF;background: #FFFFFF;}
        }
        #regForm{display: none;}
        #loginForm{
            [name="username"]{background: url(../img/username.jpg) no-repeat 8px 11px;}
            [name="password"]{background: url(../img/password.jpg) no-repeat 8px 11px;}
        }
        .con{
            width: 300px;margin: 0px 40px;
            .line{
                width: 300px;height: 40px;margin-top: 30px;border: none;color: #6C6C6C;
                [type='text'],[type='password']{text-indent: 30px;line-height: 40px;border: 1px solid #E0E0E0;width: 300px;height: 40px;border-radius: 3px;}
                .chk{
                    float: left;
                    [type='checkbox']{margin-right: 10px;}
                }
                .forget{float: right;color: #5889DD;}
                .button{width: 300px;border-radius: 5px;background: #FF4400;color: #FFFFFF;display: block;height: 35px;text-align: center;line-height: 35px;font-size: 16px;letter-spacing: 10px;box-shadow: 0px 1px 2px #DBDBDB;}
                .button:hover{background: #F22800;}
                .reg{margin-top: 20px;}
                u{padding: 0px 5px;cursor: pointer;}
                
            }
            .go{
                padding: 12px 0px 40px;width: 300px;line-height: 15px;border-bottom: 1px solid #EDEDED;overflow: hidden;
                p{
                    text-align: right;line-height: 24px;color: #b2b2b2;
                    a{width: 70px;height: 24px;display: inline-block;border: 1px solid #DADADA;background: #F7F7F7;color: #6C6C6C;border-radius: 2px;text-align: center;font-weight: 700;float:right;margin-left: 10px;}
                    a:hover{color: #5B3C3C;}
                }
            }
            .chkCode{
                [type='text']{width: 130px;}
                .code{color: #3C3C3C;}
                .code:hover{color: #FF4400;}
            }
        }
        .partner{
                padding-top: 17px;width: 300px;margin: 0 auto;
                p{line-height: 24px;}
                ul{
                    margin-top: 5px;width: 300px;height: 50px;
                    li{
                        width: 300px;height: 24px;display: block;float: left;background: url(../../Index/img/disanfang.png) no-repeat;
                        a{display: inline-block;float: left;height: 24px;}
                        .qq{width: 80px;}
                        .zhifubao{width: 100px;margin: 0px 10px;}
                        .sina{width: 90px;}
                    }
                }
            }
    }
}
    
